<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="AK">
    <meta name="Keywords" content="WEB,IT,前端">
    <meta name="Description" content="">
    <meta http-equiv="Cache-Control" content="max-age-0">
    <meta http-equiv="refresh" content="555">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui">
    <link rel="icon" href="/mylogo32.ico">
    <link rel="stylesheet" type="text/css" href="/bootstrap-v3.3.7/dist/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="/jquery-ui/css/jquery-ui.css">
    <link rel="stylesheet" href="/layui-v2.2.6/layui/css/layui.css">
    <link rel="stylesheet" href="/common.css">
    <!-- [if lt IE 9] -->
    <script type="text/javascript" src="/html5shiv.min.js"></script>
    <script type="text/javascript" src="/respond.min.js"></script>
    <!-- [endif] -->
    <!-- http://www.huangyun.xyz -->
    <style type="text/css">
    #body1 {
        background: #ffffff;
        color: #f00;
    }
    div#top{float: left;}
    #loclatime{clear:both}
    </style>
    <title> AK </title>
</head>

<body id="body1" onfocus="changeBgColorClk1()">
    <div id="localtime"></div>
    <div id="app">
        <router-view></router-view>
    </div>
    <script type="text/javascript" src="/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="/bootstrap-v2.3.2/js/bootstrap.js"></script>
    <script type="text/javascript" src="/jquery-ui/js/jquery-ui.js"></script>
    <script src="/layui-v2.2.6/layui/layui.js"></script>
    <script type="text/javascript" src="/vuejs/vue-v2.5.16.js"></script>
    <script type="text/javascript" src="/vuejs/vue-router.js"></script>
    <script type="text/javascript" src="/less.js-2.5.3/dist/less.js"></script>
    <script type="text/javascript" src="/AK.js"></script>
    <script>
    Vue.component("left",{
    	template:`<div>
	    	<a href="#/all">all</a><br>
	    	<a href="#/inbox">inbox</a><br>
	    	<a href="#/imp">imp</a><br>
    	</div>`
    })

    var allComp = Vue.component("allComp", {
        template: `<div>
        	<left></left>
			<h2>这是所有邮件</h2>
			${Math.random()*100 | 0}
        </div>`
    })
    var inboxComp = Vue.component("inboxComp", {
        template: `<div>
        	<left></left>
			<h2>这是收件箱</h2>
			${Math.random()*100 | 0}
        </div>`
    })
    var impComp = Vue.component("impComp", {
        template: `<div>
        	<left></left>
			<h2>这是重要邮件</h2>
			${Math.random()*100 | 0}
        </div>`
    })
    var myrouter = new VueRouter({    	
    	routes:[{
    		path:"/",
    		redirect:"/all"
    		//默认：redirect
    		// component:allComp
    	},{
    		path:"/all",
    		component:allComp
    	},{
			path:"/inbox",
			component:inboxComp
    	},{
    		path:"/imp",
    		component:impComp
    	}]
    })
    new Vue({
        el: "#app",
        data: {
            msg: "Hello"
        },
        router: myrouter
    })
    </script>
    <script>
    showtime();
    changeBgColor();
    </script>
</body>

</html>